@charset "UTF-8";

html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
	background-color: #dff
}

div {
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

table {
	margin: 0;
	padding: 0;
	border-spacing: 0;	
}

tr {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;	
}

td {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	vertical-align: top;
}

form {
	margin: 0;
	padding: 0;
}

.warn {
	color: red;
}

div#container{
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 80%;
	background-color: white;
}

table#main-contents {
	width: 100%;
}

tr#upper {
	height: 50px;
}

td#left-upper, #left-lower{
	width: 250px;
}

td#right-upper , #right-lower{
	width: auto;
}

td#left-upper , #right-upper {
}

td#left-lower , #right-lower {
}

tr#lower {
}

div#logo-box {
	width: 250px;
	padding: 10px 5px;
	border: ridge 2px black;
}

div#search-box{  
	padding: 10px 5px;
	float: left;
	background-color: #cfc;
}

div#logout {
	margin: 10px 5px;
	float: left;
}

div#left-panel {
	background-color: #eee;
}

div#calendarContainer {
	height: 250px;
}

div#tagTree {
	height: auto;
}

div#center-panel {
	width: auto;
}

div#center-panel-header {
	background-color: #fdd;
}

div#task-box-list {
	margin-top: 10px;
	overflow: auto;
}

div.task {
	width: 95%;
	border: ridge 1px black;
	margin: 3px;
	padding: 10px;
}

a:visited {
	color: blue;
}

input.title{
	width: 90%;
}